$(function(){
    let ajObj = {
        titleid : 0
    }
    init();

    function init(){
        //getbaicaijiatitle 请求头部滚动条的数据.
        getbaicaijiatitle();
        fntitle(0);
        eventList(ajObj.titleid);

    }

    function getbaicaijiatitle(){
        $.get("http://193.112.55.79:9090/api/getbaicaijiatitle",(result)=>{
            let data = result.result;
            let html = "";
            for(let i=0;i<data.length;i++){
                if(i==0){
                    html +=
                    `
                    <li data-titleid="${data[i].titleId}"><a class="actvte" href="#">${data[i].title}</a></li>
                    `; 
                }else{
                    html +=
                    `
                    <li data-titleid="${data[i].titleId}"><a class="" data-titleid="${data[i].titleId} href="#">${data[i].title}</a></li>
                    `; 
                }

            }
            let aWidth = 0;
            $(".nav_center").html(html);
            let list = $(".nav_center li")
            for(let i=0;i<list.length;i++){
                aWidth +=$(list[i]).width();
            }
            $(".nav_center").width(aWidth+40);
            //获取data-titleid的值；
            $(".nav_center").on("tap","li",function(){
                ajObj.titleid = $(this).data("titleid");
            })
             let myScroll = new IScroll('#wrapper', {
            scrollX: true,
        })
        })
    };
    function fntitle(index){
        ajObj.titleid = index;
        $.get("http://193.112.55.79:9090/api/getbaicaijiaproduct",{
            titleid :ajObj.titleid
        },(result)=>{
            let data = result.result;
            let html = template("mianTpl",{arr:data});
            $(".mmm_mian").html(html);
        })
    };
    function eventList(index){
        
        $(".nav_center").on("tap","li",function(){ 
            $(this).find("a").addClass("active").parent().siblings().find('a').removeClass('active')
            let index = $(this).index();
            fntitle(index);
        })
    }
})
